/* Top Elements  ----------------------------------------------
   HTML ELEMENTS
-------------------------------------------------  ----------------------------------------------
	Template Name : FreshMedia
	Template Code : S-0021
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : February 07, 2008	
 ------------------------------------------------ */

{
    margin : 0;
    padding : 0;
    outline : 0;
}
body
{
    font : 11px / 165% "Lucida Grande" , Geneva , Verdana , Arial , Helvetica , sans-serif;
    color : rgb(102 , 102 , 102);
    margin : 0;
    padding : 0 0 50px 0;
    background : rgb(255 , 255 , 255);
    text-align : center;
}
/* Links */
a, a:active, a:link
{
    text-decoration : none;
    color : rgb(11 , 154 , 199);
}
a:visited
{
    text-decoration : none;
}
a:hover
{
    background : rgb(241 , 249 , 218);
    color : rgb(137 , 95 , 48);
    border-bottom : 1px dotted rgb(137 , 95 , 48);
}
/* headers */
h1, h2, h3
{
    font-family : "Trebuchet MS" , Tahoma , Arial , Sans-serif;
    color : rgb(85 , 85 , 85);
}
h1
{
    font-family : Georgia , "Times New Roman" , Times , serif;
    font-size : 350%;
    font-weight : normal;
    letter-spacing : -2px;
    padding : 15px 10px 5px 10px;
    margin : 0;
}
h2
{
    font-size : 200%;
    color : rgb(137 , 95 , 48);
    padding : 20px 10px 5px 10px;
    margin : 0;
}
h3
{
    font-size : 170%;
    font-weight : normal;
    padding : 20px 10px 5px 10px;
    margin : 0;
}
p, dl
{
    padding : 10px;
    margin : 0;
}
ul, ol
{
    margin : 10px 20px;
    padding : 0 20px;
}
ul
{
    list-style : none;
}
dt
{
    font-weight : bold;
    color : rgb(137 , 95 , 48);
}
dd
{
    padding-left : 25px;
}
/* images */
img
{
    background : rgb(250 , 250 , 250);
    border : 1px solid rgb(220 , 220 , 220);
    padding : 5px;
}
img.float-right
{
    margin : 5px 0px 10px 10px;
}
img.float-left
{
    margin : 5px 10px 10px 0px;
}
code
{
    margin : 5px 0;
    padding : 15px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em / 1.5em "Lucida Console" , "courier new" , monospace;
    /* white-space: pre; */
border : 1px solid rgb(236 , 248 , 254);
    background : rgb(236 , 248 , 254);
}
acronym
{
    cursor : help;
    border-bottom : 1px dotted rgb(137 , 95 , 48);
}
blockquote
{
    margin : 15px 10px;
    padding : 10px 10px 10px 35px;
    border : 1px solid rgb(236 , 248 , 254);
    background : rgb(236 , 248 , 254) url("quote.jpg") no-repeat 10px 10px;
    font-weight : normal;
    font-size : 1.5em;
    line-height : 1.5em;
    font-style : italic;
    font-family : Georgia , "Times New Roman" , Times , serif;
    color : rgb(151 , 105 , 87);
}
/* start - table */
table
{
    border-collapse : collapse;
    margin : 15px 10px;
}
th
{
    background : rgb(173 , 216 , 230) url("header-bg.jpg") repeat-x 0 -100px;
    height : 38px;
    padding-left : 12px;
    padding-right : 12px;
    color : rgb(255 , 255 , 255);
    text-align : left;
    border-left : 1px solid rgb(120 , 199 , 250);
    border-bottom : solid 2px rgb(255 , 255 , 255);
}
tr
{
    height : 34px;
    background : rgb(255 , 255 , 255);
}
td
{
    padding-left : 11px;
    padding-right : 11px;
    border : 1px solid rgb(237 , 237 , 237);
}
/* form elements  end - table */
form
{
    margin : 15px 10px;
    padding : 5px 10px 20px 10px;
    border : 1px solid rgb(241 , 241 , 241);
    background : rgb(253 , 253 , 253);
}
label
{
    display : block;
    font-weight : bold;
    margin : 8px 0 5px 0;
    color : rgb(137 , 95 , 48);
}
input, select
{
    padding : 4px;
    font : normal 1em Verdana , sans-serif;
    color : rgb(102 , 102 , 102);
    background : rgb(255 , 255 , 255);
}
textarea
{
    width : 400px;
    padding : 4px;
    font : normal 1em Verdana , sans-serif;
    height : 100px;
    display : block;
    color : rgb(102 , 102 , 102);
}
input, textarea, select
{
    background : rgb(255 , 255 , 255);
    border-width : 1px;
    border-style : solid;
    border-color : rgb(212 , 212 , 212) rgb(235 , 235 , 235) rgb(235 , 235 , 235) rgb(212 , 212 , 212);
}
input.button
{
    font : bold 12px Arial , Sans-serif;
    height : 30px;
    margin : 0;
    padding : 2px 3px;
    color : rgb(85 , 85 , 85);
    background : rgb(230 , 230 , 230);
    border-width : 1px;
    border-style : solid;
    border-color : rgb(235 , 235 , 235) rgb(212 , 212 , 212) rgb(212 , 212 , 212) rgb(235 , 235 , 235);
}
/* search form */
.searchform
{
    background-color : transparent;
    border : none;
    margin : 0;
    padding : 12px 0 15px 8px;
    width : 250px;
}
.searchform p
{
    margin : 0;
    padding : 0 0 10px 0;
}
.searchform input.textbox
{
    width : 170px;
    color : rgb(119 , 119 , 119);
    height : 18px;
    padding : 2px;
    vertical-align : top;
}
.searchform input.button
{
    width : 60px;
    height : 24px;
    padding : 2px 5px;
    vertical-align : top;
}
/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#wrap-out
{
    position : relative;
    background : rgb(255 , 255 , 255) url("header-bg.jpg") repeat-x;
    width : 900px;
    margin : 0 auto;
    text-align : left;
}
#wrap
{
    background : url("header-photo.jpg") no-repeat right top;
    width : 900px;
    margin : 0 auto;
}
#content-wrap
{
    position : relative;
    clear : both;
    float : left;
    width : 900px;
    padding : 0;
    margin-left : 5px;
    background : transparent;
    display : inline;
}
#header
{
    position : relative;
    width : 900px;
    height : 325px;
    padding : 0;
    margin : 0 auto;
    background : transparent;
}
/*  Navigation  */
#nav
{
    position : absolute;
    clear : both;
    margin : 0;
    padding : 0;
    height : 35px;
    left : 0;
    top : 35px;
    z-index : 99999;
}
#nav ul
{
    float : left;
    list-style : none;
    width : 900px;
    height : 35px;
    text-transform : uppercase;
    margin : 0;
    padding : 0;
    display : inline;
}
#nav ul li
{
    display : inline;
    margin : 0;
    padding : 0;
}
#nav ul li a
{
    float : left;
    margin : 0;
    padding : 0 10px;
    font : bold 15px / 35px "Trebuchet MS" , Helvetica , Arial , Geneva , sans-serif;
    text-transform : uppercase;
    text-decoration : none;
    letter-spacing : -0.3px;
    color : rgb(105 , 79 , 66);
}
#nav ul li a:hover, #nav ul li a:active
{
    color : rgb(17 , 17 , 17);
    background : none;
    border : none;
}
#nav ul li#current a
{
    color : rgb(13 , 167 , 210);
}
#header h1#logo-text a
{
    position : absolute;
    margin : 0;
    padding : 0;
    font : normal 72px Georgia , "Times New Roman" , Times , serif;
    letter-spacing : -1.5px;
    color : rgb(255 , 255 , 255);
    text-transform : none;
    text-decoration : none;
    /* change the values of top and left to adjust the position of the logo*/
top : 95px;
    left : 30px;
}
#header h1#logo-text a:hover
{
    background : none;
    border : none;
}
#header p#intro
{
    position : absolute;
    margin : 0;
    padding : 0;
    font-family : Georgia , "Times New Roman" , Times , serif;
    font-weight : normal;
    font-size : 18px;
    line-height : 1.6em;
    font-style : italic;
    text-transform : none;
    color : rgb(117 , 86 , 67);
    width : 400px;
    /* change the values of top and left to adjust the position */
top : 190px;
    left : 35px;
}
/* Main Column */
#main
{
    float : left;
    width : 560px;
    padding : 0;
    margin : 0;
    display : inline;
}
#main h2
{
    padding-bottom : 3px;
    margin-top : 15px;
    font : normal 3.5em Georgia , "Times New Roman" , Times , serif;
    color : rgb(137 , 95 , 48);
    letter-spacing : -2px;
    text-transform : none;
    border-bottom : 1px solid rgb(235 , 235 , 235);
}
#main h2 a
{
    color : rgb(137 , 95 , 48);
    text-decoration : none;
    background : none;
    border : none;
}
#main ul li
{
    list-style-image : url("bullet.gif");
}
/* Sidebar */
#sidebar
{
    float : right;
    width : 290px;
    padding : 0;
    margin : 15px 0 0 0;
    display : inline;
}
#sidebar h3
{
    margin-top : 10px;
    padding : 15px 5px 3px 5px;
    font : normal 2em "trebuchet MS" , Tahoma , Helvetica , Arial , sans-serif;
    color : rgb(102 , 102 , 102);
    letter-spacing : -0.5px;
}
#sidebar ul.sidemenu
{
    text-align : left;
    margin : 7px 5px 8px 0px;
    padding : 0;
    text-decoration : none;
    background : url("dots.gif") repeat-x left top;
}
#sidebar ul.sidemenu li
{
    list-style : none;
    background : url("dots.gif") repeat-x left bottom;
    padding : 8px 10px;
    margin : 0;
}
 html body #sidebar ul.sidemenu li
{
    height : 1%;
}
#sidebar ul.sidemenu li a
{
    text-decoration : none;
    background-image : none;
    background-color : transparent;
    border : none;
    color : rgb(12 , 155 , 194);
    font-weight : bold;
    font-family : "Trebuchet MS" , Tahoma , Helvetica , Arial , Sans-serif;
    font-size : 14px;
}
/* letter-spacing: .5px;  */
#sidebar ul.sidemenu li a span
{
    color : rgb(152 , 152 , 152);
    font-family : Georgia , "Times New Roman" , Times , serif;
    font-style : italic;
    font-weight : normal;
    font-size : 0.8em;
}
#sidebar ul.sidemenu li a:hover
{
    color : rgb(85 , 85 , 85);
}
#sidebar ul.sidemenu ul
{
    margin : 0 0 0 5px;
    padding : 0;
}
#sidebar ul.sidemenu ul li
{
    background : none;
}
/* footer */
#footer-wrap
{
    position : relative;
    clear : both;
    padding : 1em 0 2.5em 0;
    margin-top : 30px;
    font : normal 1em "Trebuchet MS" , Tahoma , sans-serif;
    background : rgb(236 , 248 , 254);
    color : rgb(119 , 119 , 119);
    width : 900px;
    float : left;
}
#footer-wrap h3
{
    font : normal 1.6em / 1.6em "Trebuchet MS" , Tahoma , sans-serif;
    text-transform : none;
    letter-spacing : 0;
    margin-left : 0;
    color : rgb(102 , 102 , 102);
}
#footer-content
{
    margin : 0 auto;
    width : 880px;
    text-align : left;
}
#footer-content ul.col-list
{
    background : url("dots.gif") repeat-x left top;
    list-style : none;
    margin : 5px 0 0 5px;
    padding : 0;
    width : 98%;
}
#footer-content ul.col-list li
{
    background : url("dots.gif") repeat-x left bottom;
}
#footer-content ul.col-list li a
{
    display : block;
    line-height : 2em;
    font-weight : bold;
    padding : 4px 0 4px 8px;
    width : 98%;
    color : rgb(119 , 119 , 119);
    border : none;
}
#footer-content ul.col-list li a:hover
{
    color : rgb(51 , 51 , 51);
    text-decoration : none;
}
#footer-content ul.col-list li a span
{
    color : rgb(152 , 152 , 152);
    font-style : italic;
    font-weight : normal;
    font-family : Georgia , "Times New Roman" , Times , serif;
}
#footer-content .col
{
    width : 280px;
    padding : 0 0 30px 0;
    display : inline;
}
#footer-content .space-sep
{
    margin-right : 12px;
}
#footer-content .col2
{
    width : 285px;
    padding : 0 0 30px 0;
    display : inline;
}
/* postmeta */
.postmeta
{
    padding : 5px;
    margin : 20px 10px 15px 10px;
    font-size : 1em;
    color : rgb(119 , 119 , 119);
    border : 1px solid rgb(236 , 248 , 254);
    background : rgb(236 , 248 , 254);
}
.postmeta .date
{
    margin : 0 10px 0 5px;
}
.postmeta a.comments
{
    margin : 0 10px 0 5px;
}
.postmeta a.readmore
{
    margin : 0 10px 0 5px;
}
.post-info
{
    font-size : 0.95em;
    padding-top : 3px;
    margin-left : 5px;
    color : rgb(186 , 186 , 186);
}
.post-info a
{
    color : rgb(197 , 147 , 92);
}
/* thumbnails */
p.thumbs
{
    padding : 12px 0 0 10px;
}
.thumbs img
{
    position : relative;
    border : 1px solid rgb(235 , 235 , 235);
    background : none;
    padding : 4px;
    margin : 5px;
}
/* margin: 4px 7px 4px 4px; */
.thumbs img:hover
{
    border : 1px solid rgb(197 , 197 , 197);
    background : none;
}
.thumbs a:hover
{
    background-color : transparent;
    border : none;
}
/* alignment classes */
.float-left
{
    float : left;
}
.float-right
{
    float : right;
}
.align-left
{
    text-align : left;
}
.align-right
{
    text-align : right;
}
/* display and additional classes */
.clearer
{
    clear : both;
}
